﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>易买网 - 首页</title>
<link type="text/css" rel="stylesheet" th:href="@{/css/style.css}" />
<script type="text/javascript" th:src="@{/scripts/function.js}"></script>
</head>
<body>
<div id="header" class="wrap">
	<div id="logo"><img th:src="@{/images/logo.gif}" /></div>
	<div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a href="guestbook.html">留言</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div id="position" class="wrap">
	您现在的位置：<a href="index.html">易买网</a> &gt; 图书音像 &gt; 图书
</div>
<div id="main" class="wrap">
	<div class="lefter">
		<div class="box"  th:include="category :: copy">
<!--				<h2>商品分类</h2>-->
  <!--                     <dl th:each="big : ${session.cateMap['bigs']}">-->
  <!--                     <dt  th:text="${big.epcName}">图书音像</dt>-->
  <!--                     <dd  th:each="small : ${session.cateMap['smalls']}" th:if="${big.epcId==small.epcParentId}">-->
  <!--                      <a th:href="@{/product_category/detail(epcId=${small.epcId})}" th:text="${small.epcName}">图书</a>-->
   <!--                     </dd>-->
    <!--                    </dl>-->
                        </div>
                        <dl>
                            <dt>图书音像</dt>
                            <dd><a href="product-list.html">图书</a></dd>
                            <dd><a href="product-list.html">音乐</a></dd>
                            <dt>百货</dt>
                            <dd><a href="product-list.html">运动健康</a></dd>
                            <dd><a href="product-list.html">服装</a></dd>
                            <dd><a href="product-list.html">家居</a></dd>
                            <dd><a href="product-list.html">美妆</a></dd>
                            <dd><a href="product-list.html">母婴</a></dd>
                            <dd><a href="product-list.html">食品</a></dd>
                            <dd><a href="product-list.html">手机数码</a></dd>
                            <dd><a href="product-list.html">家具首饰</a></dd>
                            <dd><a href="product-list.html">手表饰品</a></dd>
                        </dl>
                    </div>
                    <div class="spacer"></div>
                    <div class="last-view">
                        <h2>最近浏览</h2>
                        <dl class="clearfix">
                            <dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
                            <dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
                            <dt><img th:src="@{/images/product/0_tiny.gif}" /></dt>
                            <dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
                        </dl>
                    </div>
                </div>
                <div class="main">
                    <div class="product-list">
                        <h2>全部商品</h2>
                        <div class="pager">
                            <ul class="clearfix">
                                <li><a href="#">上一页</a></li>
                                <li class="current">1</li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">下一页</a></li>
                            </ul>
                        </div>
                        <div class="clear"></div>
                        <ul class="product clearfix">
                            <li th:each="product : ${productPage.getRecords()}">
                                <dl>
                                    <dt><a href="product-view.html" target="_blank">
                                        <img th:src="@{'/images/product/'+${product.epFileName}}" /></a></dt>
                                    <dd class="title">
                                        <a href="product-view.html" target="_blank" th:text="${product.epName}">法国德菲丝松露精品巧克力500g/盒</a></dd>
                                    <dd class="price" th:text="'￥'+${product.epPrice}">￥108.0</dd>
                                </dl>
                            </li>
                        </ul>
                        <div class="clear"></div>
                        <div class="pager">
                            <ul class="clearfix">
                                <li><a href="#">上一页</a></li>
                                <li class="current">1</li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">下一页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div id="footer">
                Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
            </div>
            </body>
            </html>
